<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#222"><meta name="generator" content="Hexo 6.2.0">


  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/32x32-paimeng.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/16x16-paimeng.png">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" integrity="sha256-xejo6yLi6vGtAjcMIsY8BHdKsLg7QynVlFMzdQgUuy8=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/themes/blue/pace-theme-minimal.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/pace.min.js" integrity="sha256-gqd7YTjg/BtfqWSwsJOvndl0Bxc8gFImLEkXQT8+qj0=" crossorigin="anonymous"></script>

<script class="next-config" data-name="main" type="application/json">{"hostname":"xuande-hk.gitee.io","root":"/","images":"/images","scheme":"Pisces","darkmode":false,"version":"8.12.3","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12},"copycode":{"enable":false,"style":null},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"stickytabs":false,"motion":{"enable":true,"async":true,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"shrinkIn"}},"prism":false,"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false}}</script><script src="/js/config.js"></script>

    <meta name="description" content="白嫖党的福音！Hexo + Gitee免费搭建静态博客">
<meta property="og:type" content="article">
<meta property="og:title" content="Hexo博客搭建">
<meta property="og:url" content="https://xuande-hk.gitee.io/posts/1.html">
<meta property="og:site_name" content="玄德の博客">
<meta property="og:description" content="白嫖党的福音！Hexo + Gitee免费搭建静态博客">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://xuande-1309318075.cos.ap-beijing.myqcloud.com/my-blog-image/hexo-1.png">
<meta property="article:published_time" content="2022-07-24T04:00:00.000Z">
<meta property="article:modified_time" content="2023-03-22T06:32:26.409Z">
<meta property="article:author" content="玄德">
<meta property="article:tag" content="Hexo">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://xuande-1309318075.cos.ap-beijing.myqcloud.com/my-blog-image/hexo-1.png">


<link rel="canonical" href="https://xuande-hk.gitee.io/posts/1.html">



<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":true,"permalink":"https://xuande-hk.gitee.io/posts/1.html","path":"/posts/1.html","title":"Hexo博客搭建"}</script>

<script class="next-config" data-name="calendar" type="application/json">""</script>
<title>Hexo博客搭建 | 玄德の博客</title>
  





  <noscript>
    <link rel="stylesheet" href="/css/noscript.css">
  </noscript>
</head>

<body itemscope itemtype="http://schema.org/WebPage" class="use-motion">

  <!-- 看板娘 -->
  
      <script async src="/live2d/autoload.js"></script>
      <!-- <script async src="https://fastly.jsdelivr.net/gh/xuande-hk/live2d-widget/autoload.js"></script> -->
  
  
  <div class="headband"></div>

  <main class="main">
    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏" role="button">
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <i class="logo-line"></i>
      <p class="site-title">玄德の博客</p>
      <i class="logo-line"></i>
    </a>
      <p class="site-subtitle" itemprop="description">不说话 装高手</p>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger">
        <i class="fa fa-search fa-fw fa-lg"></i>
    </div>
  </div>
</div>



<nav class="site-nav">
  <ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a></li><li class="menu-item menu-item-about"><a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>关于</a></li><li class="menu-item menu-item-tags"><a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档</a></li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>
</nav>



  <div class="search-pop-overlay">
    <div class="popup search-popup"><div class="search-header">
  <span class="search-icon">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-input-container">
    <input autocomplete="off" autocapitalize="off" maxlength="80"
           placeholder="搜索..." spellcheck="false"
           type="search" class="search-input">
  </div>
  <span class="popup-btn-close" role="button">
    <i class="fa fa-times-circle"></i>
  </span>
</div>
<div class="search-result-container no-result">
  <div class="search-result-icon">
    <i class="fa fa-spinner fa-pulse fa-5x"></i>
  </div>
</div>

    </div>
  </div>

</div>
        
  
  <div class="toggle sidebar-toggle" role="button">
    <span class="toggle-line"></span>
    <span class="toggle-line"></span>
    <span class="toggle-line"></span>
  </div>

  <aside class="sidebar">

    <div class="sidebar-inner sidebar-nav-active sidebar-toc-active">
      <ul class="sidebar-nav">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <div class="sidebar-panel-container">
        <!--noindex-->
        <div class="post-toc-wrap sidebar-panel">
            <div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#%E5%89%8D%E8%A8%80"><span class="nav-number">1.</span> <span class="nav-text">前言</span></a></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%B8%80%E3%80%81%E7%8E%AF%E5%A2%83%E5%87%86%E5%A4%87"><span class="nav-number">2.</span> <span class="nav-text">一、环境准备</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1%E3%80%81%E5%AE%89%E8%A3%85Node-js"><span class="nav-number">2.1.</span> <span class="nav-text">1、安装Node.js</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2%E3%80%81%E5%AE%89%E8%A3%85Git"><span class="nav-number">2.2.</span> <span class="nav-text">2、安装Git</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3%E3%80%81%E6%A3%80%E6%B5%8B%E6%98%AF%E5%90%A6%E5%AE%89%E8%A3%85%E6%88%90%E5%8A%9F"><span class="nav-number">2.3.</span> <span class="nav-text">3、检测是否安装成功</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%BA%8C%E3%80%81%E5%AE%89%E8%A3%85Hexo"><span class="nav-number">3.</span> <span class="nav-text">二、安装Hexo</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#Hexo-%E5%88%9D%E5%A7%8B%E5%8C%96%E9%85%8D%E7%BD%AE"><span class="nav-number">3.1.</span> <span class="nav-text">Hexo 初始化配置</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%9C%AC%E5%9C%B0%E6%9F%A5%E7%9C%8B%E6%95%88%E6%9E%9C"><span class="nav-number">3.2.</span> <span class="nav-text">本地查看效果</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%B8%89%E3%80%81%E5%B0%86%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E5%88%B0-Gitee-Pages-%E4%B8%8A"><span class="nav-number">4.</span> <span class="nav-text">三、将博客部署到 Gitee Pages 上</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%B3%A8%E5%86%8C-Gitee-%E8%B4%A6%E6%88%B7"><span class="nav-number">4.1.</span> <span class="nav-text">注册 Gitee 账户</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%88%9B%E5%BB%BA%E9%A1%B9%E7%9B%AE%E4%BB%A3%E7%A0%81%E5%BA%93"><span class="nav-number">4.2.</span> <span class="nav-text">创建项目代码库</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%AE%89%E8%A3%85hexo%E9%83%A8%E7%BD%B2"><span class="nav-number">4.3.</span> <span class="nav-text">安装hexo部署</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%9C%A8-Gitee-%E4%B8%8A%E5%BC%80%E9%80%9A-x2F-%E6%9B%B4%E6%96%B0-Git-Pages-%E6%9C%8D%E5%8A%A1"><span class="nav-number">4.4.</span> <span class="nav-text">在 Gitee 上开通&#x2F;更新 Git Pages 服务</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E5%9B%9B%E3%80%81%E5%9C%A8%E5%8D%9A%E5%AE%A2%E4%B8%8A%E5%8F%91%E8%A1%A8%E6%96%87%E7%AB%A0"><span class="nav-number">5.</span> <span class="nav-text">四、在博客上发表文章</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E7%94%A8%E7%BC%96%E8%BE%91%E5%99%A8%E7%BC%96%E5%86%99%E6%96%87%E7%AB%A0"><span class="nav-number">5.1.</span> <span class="nav-text">用编辑器编写文章</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%BA%94%E3%80%81%E6%9B%B4%E6%8D%A2%E4%B8%BB%E9%A2%98"><span class="nav-number">6.</span> <span class="nav-text">五、更换主题</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#NexT%E4%B8%BB%E9%A2%98%E5%AE%89%E8%A3%85"><span class="nav-number">6.1.</span> <span class="nav-text">NexT主题安装</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E5%BC%95%E7%94%A8NexT%E4%B8%BB%E9%A2%98"><span class="nav-number">6.2.</span> <span class="nav-text">引用NexT主题</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E5%85%AD%E3%80%81%E5%8F%82%E8%80%83%E9%93%BE%E6%8E%A5"><span class="nav-number">7.</span> <span class="nav-text">六、参考链接</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%88%91%E7%9A%84%E5%8D%9A%E5%AE%A2"><span class="nav-number">7.1.</span> <span class="nav-text">我的博客</span></a></li></ol></li></ol></div>
        </div>
        <!--/noindex-->

        <div class="site-overview-wrap sidebar-panel">
          <div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image" alt="玄德"
      src="/images/avatar.png">
  <p class="site-author-name" itemprop="name">玄德</p>
  <div class="site-description" itemprop="description">像珍惜礼物一样，珍惜今天。</div>
</div>
<div class="site-state-wrap site-overview-item animated">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
        <a href="/archives/">
          <span class="site-state-item-count">5</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
        <span class="site-state-item-count">2</span>
        <span class="site-state-item-name">分类</span>
      </div>
      <div class="site-state-item site-state-tags">
        <span class="site-state-item-count">4</span>
        <span class="site-state-item-name">标签</span>
      </div>
  </nav>
</div>
  <div class="links-of-author site-overview-item animated">
      <span class="links-of-author-item">
        <a href="https://github.com/yourname" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;yourname" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a>
      </span>
      <span class="links-of-author-item">
        <a href="mailto:yourname@gmail.com" title="E-Mail → mailto:yourname@gmail.com" rel="noopener" target="_blank"><i class="fa fa-envelope fa-fw"></i>E-Mail</a>
      </span>
      <span class="links-of-author-item">
        <a href="https://space.bilibili.com/286727058" title="bilibili → https:&#x2F;&#x2F;space.bilibili.com&#x2F;286727058" rel="noopener" target="_blank"><i class="custom bilibili fa-fw"></i>bilibili</a>
      </span>
  </div>


  <div class="links-of-blogroll site-overview-item animated">
    <div class="links-of-blogroll-title"><i class="fa fa-globe fa-fw"></i>
      友情链接
    </div>
    <ul class="links-of-blogroll-list">
        <li class="links-of-blogroll-item">
          <a href="https://fanyi.baidu.com/?aldtype=16047#it/zh/onmobile" title="https:&#x2F;&#x2F;fanyi.baidu.com&#x2F;?aldtype&#x3D;16047#it&#x2F;zh&#x2F;onmobile" rel="noopener" target="_blank">百度翻译</a>
        </li>
    </ul>
  </div>

        </div>
      </div>

      <!-- 自定义配置文件 -->
      <!-- 近期文章板块 -->
      
        <div class="links-of-blogroll motion-element links-of-blogroll-block">
          <div class="links-of-blogroll-title">
            <!-- modify icon to fire by szw -->
            <i class="fa fa-history fa-" aria-hidden="true"></i>
            近期文章
          </div>
          <ul class="links-of-blogroll-list">
            
            
            <li>
              <a href="/" title="" target="_blank"></a>
            </li>
            
            <li>
              <a href="/" title="" target="_blank"></a>
            </li>
            
            <li>
              <a href="/" title="" target="_blank"></a>
            </li>
            
            <li>
              <a href="/" title="" target="_blank"></a>
            </li>
            
            <li>
              <a href="/" title="" target="_blank"></a>
            </li>
            
          </ul>
        </div>
      

      <!-- canvas粒子时钟 -->
        
        <!-- canvas粒子时钟 https://www.cnblogs.com/xiaohuochai/p/6368039.html
  https://www.html5tricks.com/html5-canvas-dance-time.html
 -->
<div id="">
  <canvas id="canvas" style="width:60%;">
</div>
<script async>
(function(){
  var WINDOW_WIDTH = 820;
  		var WINDOW_HEIGHT = 250;
  		var RADIUS = 7; //球半径
  		var NUMBER_GAP = 10; //数字之间的间隙
  		var u=0.65; //碰撞能量损耗系数
  		var context; //Canvas绘制上下文
  		var balls = []; //存储彩色的小球
  		const colors = ["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"]; //彩色小球的颜色
  		var currentNums = []; //屏幕显示的8个字符
  		var digit =
                  [
                      [
                          [0,0,1,1,1,0,0],
                          [0,1,1,0,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,0,1,1,0],
                          [0,0,1,1,1,0,0]
                      ],//0
                      [
                          [0,0,0,1,1,0,0],
                          [0,1,1,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [1,1,1,1,1,1,1]
                      ],//1
                      [
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,0,1,1,0,0,0],
                          [0,1,1,0,0,0,0],
                          [1,1,0,0,0,0,0],
                          [1,1,0,0,0,1,1],
                          [1,1,1,1,1,1,1]
                      ],//2
                      [
                          [1,1,1,1,1,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,0,1,1,1,0,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//3
                      [
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,1,0],
                          [0,0,1,1,1,1,0],
                          [0,1,1,0,1,1,0],
                          [1,1,0,0,1,1,0],
                          [1,1,1,1,1,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,1,1]
                      ],//4
                      [
                          [1,1,1,1,1,1,1],
                          [1,1,0,0,0,0,0],
                          [1,1,0,0,0,0,0],
                          [1,1,1,1,1,1,0],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//5
                      [
                          [0,0,0,0,1,1,0],
                          [0,0,1,1,0,0,0],
                          [0,1,1,0,0,0,0],
                          [1,1,0,0,0,0,0],
                          [1,1,0,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//6
                      [
                          [1,1,1,1,1,1,1],
                          [1,1,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,0,0,1,1,0,0],
                          [0,0,1,1,0,0,0],
                          [0,0,1,1,0,0,0],
                          [0,0,1,1,0,0,0],
                          [0,0,1,1,0,0,0]
                      ],//7
                      [
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,1,1,0]
                      ],//8
                      [
                          [0,1,1,1,1,1,0],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [1,1,0,0,0,1,1],
                          [0,1,1,1,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,0,1,1],
                          [0,0,0,0,1,1,0],
                          [0,0,0,1,1,0,0],
                          [0,1,1,0,0,0,0]
                      ],//9
                      [
                          [0,0,0,0],
                          [0,0,0,0],
                          [0,1,1,0],
                          [0,1,1,0],
                          [0,0,0,0],
                          [0,0,0,0],
                          [0,1,1,0],
                          [0,1,1,0],
                          [0,0,0,0],
                          [0,0,0,0]
                      ]//:
                  ];

  		function drawDatetime(cxt){
  			var nums = [];

  			context.fillStyle="#005eac"
  			var date = new Date();
  			var offsetX = 70, offsetY = 30;
  			var hours = date.getHours();
  			var num1 = Math.floor(hours/10);
  			var num2 = hours%10;
  			nums.push({num: num1});
  			nums.push({num: num2});
  			nums.push({num: 10}); //冒号
  			var minutes = date.getMinutes();
  			var num1 = Math.floor(minutes/10);
  			var num2 = minutes%10;
  			nums.push({num: num1});
  			nums.push({num: num2});
  			nums.push({num: 10}); //冒号
  			var seconds = date.getSeconds();
  			var num1 = Math.floor(seconds/10);
  			var num2 = seconds%10;
  			nums.push({num: num1});
  			nums.push({num: num2});

  			for(var x = 0;x<nums.length;x++){
  				nums[x].offsetX = offsetX;
  				offsetX = drawSingleNumber(offsetX,offsetY, nums[x].num,cxt);
  				//两个数字连一块，应该间隔一些距离
  				if(x<nums.length-1){
  					if((nums[x].num!=10) &&(nums[x+1].num!=10)){
  						offsetX+=NUMBER_GAP;
  					}
  				}
  			}

  			//说明这是初始化
  			if(currentNums.length ==0){
  				currentNums = nums;
  			}else{
  				//进行比较
  				for(var index = 0;index<currentNums.length;index++){
  					if(currentNums[index].num!=nums[index].num){
  						//不一样时，添加彩色小球
  						addBalls(nums[index]);
  						currentNums[index].num=nums[index].num;
  					}
  				}
  			}
  			renderBalls(cxt);
  			updateBalls();

  			return date;
  		}

  		function addBalls (item) {
  			var num = item.num;
  			var numMatrix = digit[num];
  			for(var y = 0;y<numMatrix.length;y++){
  				for(var x = 0;x<numMatrix[y].length;x++){
  					if(numMatrix[y][x]==1){
  						var ball={
  							offsetX:item.offsetX+RADIUS+RADIUS*2*x,
  							offsetY:30+RADIUS+RADIUS*2*y,
  							color:colors[Math.floor(Math.random()*colors.length)],
  							g:1.5+Math.random(),
  							vx:Math.pow(-1, Math.ceil(Math.random()*10))*4+Math.random(),
  							vy:-5
  						}
  						balls.push(ball);
  					}
  				}
  			}
  		}

  		function renderBalls(cxt){
  			for(var index = 0;index<balls.length;index++){
  				cxt.beginPath();
  				cxt.fillStyle=balls[index].color;
  				cxt.arc(balls[index].offsetX, balls[index].offsetY, RADIUS, 0, 2*Math.PI);
  				cxt.fill();
  			}
  		}

  		function updateBalls () {
  			var i =0;
  			for(var index = 0;index<balls.length;index++){
  				var ball = balls[index];
  				ball.offsetX += ball.vx;
  				ball.offsetY += ball.vy;
  				ball.vy+=ball.g;
  				if(ball.offsetY > (WINDOW_HEIGHT-RADIUS)){
  					ball.offsetY= WINDOW_HEIGHT-RADIUS;
  					ball.vy=-ball.vy*u;
  				}
  				if(ball.offsetX>RADIUS&&ball.offsetX<(WINDOW_WIDTH-RADIUS)){

  					balls[i]=balls[index];
  					i++;
  				}
  			}
  			//去除出边界的球
  			for(;i<balls.length;i++){
  				balls.pop();
  			}
  		}
  		function drawSingleNumber(offsetX, offsetY, num, cxt){
  			var numMatrix = digit[num];
  			for(var y = 0;y<numMatrix.length;y++){
  				for(var x = 0;x<numMatrix[y].length;x++){
  					if(numMatrix[y][x]==1){
  						cxt.beginPath();
  						cxt.arc(offsetX+RADIUS+RADIUS*2*x,offsetY+RADIUS+RADIUS*2*y,RADIUS,0,2*Math.PI);
  						cxt.fill();
  					}
  				}
  			}
  			cxt.beginPath();
  			offsetX += numMatrix[0].length*RADIUS*2;
  			return offsetX;
  		}

  		var canvas = document.getElementById("canvas");
  		canvas.width=WINDOW_WIDTH;
  		canvas.height=WINDOW_HEIGHT;
  		context = canvas.getContext("2d");

  		//记录当前绘制的时刻
  		var currentDate = new Date();

  		setInterval(function(){
  			//清空整个Canvas，重新绘制内容
  			context.clearRect(0, 0, context.canvas.width, context.canvas.height);
  			drawDatetime(context);
  		}, 50)
})();
</script>

      

      <!-- 网站运行时间 -->
           
        <div id="days"></div>

<script async language="javascript">

  function show_date_time(){
      window.setTimeout("show_date_time()", 1000);
  //    BirthDay=new Date("25/07/2022 12:00:00");
      BirthDay=new Date("07/25/2022 12:00:00");
      today=new Date();
      timeold=(today.getTime()-BirthDay.getTime());
      sectimeold=timeold/1000
      secondsold=Math.floor(sectimeold);
      msPerDay=24*60*60*1000
      e_daysold=timeold/msPerDay
      daysold=Math.floor(e_daysold);
      e_hrsold=(e_daysold-daysold)*24;
      hrsold=setzero(Math.floor(e_hrsold));
      e_minsold=(e_hrsold-hrsold)*60;
      minsold=setzero(Math.floor((e_hrsold-hrsold)*60));
      seconds=setzero(Math.floor((e_minsold-minsold)*60));
      document.getElementById('days').innerHTML="已运行"+daysold+"天"+hrsold+"时"+minsold+"分"+seconds+"秒";
  }

  function setzero(i){
      if (i<10)
      {i="0" + i};
      return i;
  }

  show_date_time();

</script>

      

    </div>
  </aside>
  <div class="sidebar-dimmer"></div>


    </header>

    
  <div class="back-to-top" role="button" aria-label="返回顶部">
    <i class="fa fa-arrow-up"></i>
    <span>0%</span>
  </div>

  <a href="https://github.com/XuanDe-HK" class="github-corner" title="Follow me on GitHub" aria-label="Follow me on GitHub" rel="noopener" target="_blank"><svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>

<noscript>
  <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
</noscript>


    <div class="main-inner post posts-expand">


  


<div class="post-block">
  

  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="https://xuande-hk.gitee.io/posts/1.html">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.png">
      <meta itemprop="name" content="玄德">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="玄德の博客">
      <meta itemprop="description" content="像珍惜礼物一样，珍惜今天。">
    </span>

    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
      <meta itemprop="name" content="Hexo博客搭建 | 玄德の博客">
      <meta itemprop="description" content="白嫖党的福音！Hexo + Gitee免费搭建静态博客">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">
          Hexo博客搭建
        </h1>

        <div class="post-meta-container">
          <div class="post-meta">
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar"></i>
      </span>
      <span class="post-meta-item-text">发表于</span>

      <time title="创建时间：2022-07-24 12:00:00" itemprop="dateCreated datePublished" datetime="2022-07-24T12:00:00+08:00">2022-07-24</time>
    </span>
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar-check"></i>
      </span>
      <span class="post-meta-item-text">更新于</span>
      <time title="修改时间：2023-03-22 14:32:26" itemprop="dateModified" datetime="2023-03-22T14:32:26+08:00">2023-03-22</time>
    </span>
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-folder"></i>
      </span>
      <span class="post-meta-item-text">分类于</span>
        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
          <a href="/categories/%E5%8D%9A%E5%AE%A2/" itemprop="url" rel="index"><span itemprop="name">博客</span></a>
        </span>
    </span>

  
    <span class="post-meta-item" title="阅读次数" id="busuanzi_container_page_pv">
      <span class="post-meta-item-icon">
        <i class="far fa-eye"></i>
      </span>
      <span class="post-meta-item-text">阅读次数：</span>
      <span id="busuanzi_value_page_pv"></span>
    </span>
</div>

            <div class="post-description">白嫖党的福音！Hexo + Gitee免费搭建静态博客</div>
        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      <div class="post-gallery" itemscope itemtype="http://schema.org/ImageGallery">
    
    <div class="post-gallery-image">
      <img src="https://xuande-1309318075.cos.ap-beijing.myqcloud.com/my-blog-image/hexo-1.png" itemprop="contentUrl">
    </div>
    </div>
        <h1 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h1><p><strong style="color:red">图库失效，请访问以下链接阅读文章</strong></p>
<p>CSDN：<a target="_blank" rel="noopener" href="https://blog.csdn.net/qq_60700961/article/details/125978581">https://blog.csdn.net/qq_60700961/article/details/125978581</a></p>
<p>博客园：<a target="_blank" rel="noopener" href="https://www.cnblogs.com/xuande/p/16641543.html">https://www.cnblogs.com/xuande/p/16641543.html</a></p>
<p><strong>这是一篇利用 Gitte Pages + hexo 搭建属于自己博客的教程，也是自己这个博客搭建好以后的第一篇文章，搭建的过程中也参考了各路大佬的文章，期间遇到了一些问题，所以写这一篇文章即是记录自己的路程也是为了让小白少走一些弯路。</strong></p>
<p><strong>操作系统：</strong>win10</p>
<h1 id="一、环境准备"><a href="#一、环境准备" class="headerlink" title="一、环境准备"></a>一、环境准备</h1><h2 id="1、安装Node-js"><a href="#1、安装Node-js" class="headerlink" title="1、安装Node.js"></a>1、安装Node.js</h2><blockquote>
<p><a href="https://nodejs.org/en/download/" target="_blank">Node.js下载官网</a></p>
<p>按需下载相应的版本， 默认安装就可以了。</p>
</blockquote>
<h2 id="2、安装Git"><a href="#2、安装Git" class="headerlink" title="2、安装Git"></a>2、安装Git</h2><blockquote>
<p><a href="https://git-scm.com/download/win" target="_blank">Git下载官网</a></p>
<p>按需下载相应的版本， 默认安装就可以了。</p>
</blockquote>
<h2 id="3、检测是否安装成功"><a href="#3、检测是否安装成功" class="headerlink" title="3、检测是否安装成功"></a>3、检测是否安装成功</h2><blockquote>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">git --version  </span><br><span class="line">node -v  </span><br><span class="line">npm -v</span><br></pre></td></tr></table></figure>
</blockquote>
<p><img src="https://img-blog.csdnimg.cn/d4f6d73de2404d999adf0325828631ff.png" alt="https://img-blog.csdnimg.cn/d4f6d73de2404d999adf0325828631ff.png"></p>
<p><strong>（注：提示不是内部或外部命令，记得检查下环境变量）</strong></p>
<p><strong>设备环境：Win10</strong></p>
<h1 id="二、安装Hexo"><a href="#二、安装Hexo" class="headerlink" title="二、安装Hexo"></a>二、安装Hexo</h1><p><strong>觉得慢的话可以更换淘宝源</strong>：<code>npm install -g cnpm --registry=https://registry.npm.taobao.org</code></p>
<p><strong>执行安装命令：</strong></p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install -g hexo-cli</span><br></pre></td></tr></table></figure>

<p>这里我出现了一些小问题，hexo安装到了全局的目录，但我的环境有点问题</p>
<p>如果你cmd</p>
<p>查看全局位置：<code>npm root -g</code></p>
<p><img src="https://img-blog.csdnimg.cn/cf877fb3a0244412888352064d57b4ad.png" alt="https://img-blog.csdnimg.cn/cf877fb3a0244412888352064d57b4ad.png"></p>
<p>hexo就在这里面，而hexo.cmd在<strong>npm目录下</strong>，把npm目录添加到<strong>环境变量</strong>里就解决了</p>
<p><strong>主要目的是找到hexo.cmd，把它放入环境变量就ok了</strong></p>
<p>我的路径：<code>C:\Users\26254\AppData\Roaming\npm</code></p>
<p><img src="https://img-blog.csdnimg.cn/39acb982cd03497a8f3221422e6a7ae4.png" alt="https://img-blog.csdnimg.cn/39acb982cd03497a8f3221422e6a7ae4.png"></p>
<p>win10打开环境变量：右键此电脑-&gt;点击属性-&gt;高级系统设置-&gt;环境变量-&gt;Path，新建一个变量，把路径放进去就ok了</p>
<p><img src="https://img-blog.csdnimg.cn/f1910c775d3242aab2af251bce1198bf.png" alt="https://img-blog.csdnimg.cn/f1910c775d3242aab2af251bce1198bf.png"></p>
<h2 id="Hexo-初始化配置"><a href="#Hexo-初始化配置" class="headerlink" title="Hexo 初始化配置"></a>Hexo 初始化配置</h2><p><strong>初始化命令：</strong><code>hexo init &lt;文件夹&gt; </code></p>
<p>路径可以自己选择，可以cd到想要存放的的文件夹</p>
<p>我的文件夹名称是blog，名称随意，等待几分钟就会出现一个文件夹</p>
<p><img src="https://img-blog.csdnimg.cn/77a34b5906394c80a49d96cad07077c6.png" alt="https://img-blog.csdnimg.cn/77a34b5906394c80a49d96cad07077c6.png"></p>
<p><strong>blog</strong>文件夹下的目录如下：</p>
<p><img src="https://img-blog.csdnimg.cn/58adcef9a5324311baa06717c5c31d1c.png" alt="https://img-blog.csdnimg.cn/58adcef9a5324311baa06717c5c31d1c.png"></p>
<p><strong>解释一下：</strong></p>
<ul>
<li>node_modules：是依赖包</li>
<li>public：存放的是生成的页面</li>
<li>scaffolds：命令生成文章等的模板</li>
<li>source：用命令创建的各种文章</li>
<li>themes：主题</li>
<li>_config.yml：整个博客的配置</li>
<li>package.json：项目所需模块项目的配置信息</li>
</ul>
<h2 id="本地查看效果"><a href="#本地查看效果" class="headerlink" title="本地查看效果"></a>本地查看效果</h2><p>首先cd进入blog文件夹</p>
<p>然后执行命令：<code>hexo s</code></p>
<p>默认是端口4000，也可以用<code>hexo serer -p 3000</code>直接指定页面显示的端口</p>
<p><img src="https://img-blog.csdnimg.cn/b1c7bcf39ba3440cbc61e72bb826f45d.png" alt="https://img-blog.csdnimg.cn/b1c7bcf39ba3440cbc61e72bb826f45d.png"></p>
<p>这时就可以打开 <a target="_blank" rel="noopener" href="http://localhost:4000/%E9%A2%84%E8%A7%88%E6%95%88%E6%9E%9C%E4%BA%86">http://localhost:4000/预览效果了</a></p>
<p><img src="https://img-blog.csdnimg.cn/ae2cc970b8ee418c987a10f8fb48e8dc.png" alt="https://img-blog.csdnimg.cn/ae2cc970b8ee418c987a10f8fb48e8dc.png"></p>
<p><strong>这时我们已经搭建好了本地的博客</strong></p>
<h1 id="三、将博客部署到-Gitee-Pages-上"><a href="#三、将博客部署到-Gitee-Pages-上" class="headerlink" title="三、将博客部署到 Gitee Pages 上"></a>三、将博客部署到 Gitee Pages 上</h1><h2 id="注册-Gitee-账户"><a href="#注册-Gitee-账户" class="headerlink" title="注册 Gitee 账户"></a>注册 Gitee 账户</h2><h2 id="创建项目代码库"><a href="#创建项目代码库" class="headerlink" title="创建项目代码库"></a>创建项目代码库</h2><p><img src="https://img-blog.csdnimg.cn/101cafa0a6614e769e9e4bea6fdeea04.png" alt="https://img-blog.csdnimg.cn/101cafa0a6614e769e9e4bea6fdeea04.png"></p>
<h2 id="安装hexo部署"><a href="#安装hexo部署" class="headerlink" title="安装hexo部署"></a>安装hexo部署</h2><p><strong>安装 hexo 部署到 git page 的 deployer：</strong><code>npm install hexo-deployer-git –save</code></p>
<p>修改 Hexo 工程目录下的<strong>配置文件</strong><code>_config.yml</code>，在文件的最下面，找到<code>deploy</code>字段，<strong>配置</strong>成如下形式：</p>
<p><img src="https://img-blog.csdnimg.cn/9a6889aa8ef448c19136f695c5f5dfbb.png" alt="https://img-blog.csdnimg.cn/9a6889aa8ef448c19136f695c5f5dfbb.png"></p>
<p><strong>切换到 Hexo 工程目录并生成 Hexo 缓存文件和静态文件</strong></p>
<p><code>hexo g</code></p>
<p><strong>部署到 Gitee</strong></p>
<p><code>hexo d</code></p>
<p><img src="https://img-blog.csdnimg.cn/4bbc2bb519264201b96813a28ade84db.png" alt="https://img-blog.csdnimg.cn/4bbc2bb519264201b96813a28ade84db.png"></p>
<h2 id="在-Gitee-上开通-x2F-更新-Git-Pages-服务"><a href="#在-Gitee-上开通-x2F-更新-Git-Pages-服务" class="headerlink" title="在 Gitee 上开通&#x2F;更新 Git Pages 服务"></a>在 Gitee 上开通&#x2F;更新 Git Pages 服务</h2><p>想要让部署的 Hexo 页面<strong>对外访问</strong>，还需要在 Gitee 上开通 <strong>Git Pages</strong> 服务。</p>
<p><strong>（注：开通Pages服务需要实名认证）</strong></p>
<p>点击 <strong>Git Pages</strong></p>
<p><img src="https://img-blog.csdnimg.cn/402038db3fb343a9a18a3b63fd1103e0.png" alt="https://img-blog.csdnimg.cn/402038db3fb343a9a18a3b63fd1103e0.png"></p>
<p>当你看到如下画面时，博客部署成功</p>
<p><img src="https://img-blog.csdnimg.cn/6847c26b5095465990199d7d2cf67fb3.png" alt="https://img-blog.csdnimg.cn/6847c26b5095465990199d7d2cf67fb3.png"></p>
<h1 id="四、在博客上发表文章"><a href="#四、在博客上发表文章" class="headerlink" title="四、在博客上发表文章"></a>四、在博客上发表文章</h1><p>博客已经搭建好了，既然有了博客就得写点文章了</p>
<p><strong>找到你的路径项目 \blog\source_posts 中</strong></p>
<p>这里就是我们的文章啦</p>
<p><img src="https://img-blog.csdnimg.cn/3fad627293ef48a88f9e576bb28820c8.png" alt="https://img-blog.csdnimg.cn/3fad627293ef48a88f9e576bb28820c8.png"></p>
<h2 id="用编辑器编写文章"><a href="#用编辑器编写文章" class="headerlink" title="用编辑器编写文章"></a><strong>用编辑器编写文章</strong></h2><p><strong>md 全称 Markdown， Markdown 是 2004 年由 John Gruberis  设计和开发的纯文本格式的语法，非常的简单实用，常用的标记符号屈指可数，几分钟即可学会， .md 文件可以使用支持 Markdown  语法的编辑器编辑，然后保存文件到 \Hexo\source_posts 文件夹下即可</strong></p>
<p>个人推荐<strong>Typora</strong>，用起来很舒服</p>
<p><a href="https://pan.baidu.com/s/1HLwxE1res-vP46ocyeXM-A?pwd=xuan" target="_blank">Typora下载链接</a> 提取码：xuan</p>
<p><img src="https://img-blog.csdnimg.cn/9ea82d2aff5c4b26869f371ee8104664.png" alt="https://img-blog.csdnimg.cn/9ea82d2aff5c4b26869f371ee8104664.png"></p>
<p><strong>文章标题，标签，分类，封面图片，摘要等，可以在 Front-matter 里面配置（Front-matter 是文件最上方以 — 分隔的区域，用于指定个别文件的变量，官方文档：<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/front-matter">https://hexo.io/zh-cn/docs/front-matter</a> ），举个例子：</strong></p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br></pre></td><td class="code"><pre><span class="line">---</span><br><span class="line">layout: 页面布局（配合主题文档使用）</span><br><span class="line">title: 文章名称</span><br><span class="line">date: 文章日期</span><br><span class="line">comments: 文章是否开启评论</span><br><span class="line">photos: 文章封面图（仅部分主题支持）</span><br><span class="line">tags: </span><br><span class="line">  - 文章标签一</span><br><span class="line">  - 文章标签二</span><br><span class="line">categories: 文章分类</span><br><span class="line">description: 文章描述，即要在首页显示的摘要（仅部分主题支持）</span><br><span class="line">---</span><br><span class="line"></span><br><span class="line">这里是摘要</span><br><span class="line"></span><br><span class="line">&lt;!-- more --&gt;</span><br><span class="line"></span><br><span class="line">这里是正文</span><br><span class="line"></span><br><span class="line">注意：description 和 &lt;!-- more --&gt; 方式显示摘要二选一即可，部分主题不支持description，每个配置英文冒号后面要空一格，不同主题配置有所差异，具体要参考主题文档</span><br></pre></td></tr></table></figure>

<p>当我们用编辑器写好文章后，可以使用以下命令将其推送到服务器上</p>
<blockquote>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">hexo clean - 清除缓存文件</span><br><span class="line">hexo g	   - 生成缓存文件</span><br><span class="line">hexo d	   - 推送到gitte</span><br></pre></td></tr></table></figure>
</blockquote>
<p>记住推送了之后要在<strong>gitee page</strong>中进行更新哦</p>
<h1 id="五、更换主题"><a href="#五、更换主题" class="headerlink" title="五、更换主题"></a>五、更换主题</h1><p><strong>现在博客也搭建好了，但感觉不太美观怎么办？那我们就来为自己的博客更换喜欢的主题</strong></p>
<p>从这里选自己喜欢的主题吧：<a href="https://hexo.io/themes/" target="_blank">Hexo官方主题专栏</a></p>
<h2 id="NexT主题安装"><a href="#NexT主题安装" class="headerlink" title="NexT主题安装"></a>NexT主题安装</h2><p>NexT扩展性强，所以这里讲一下NexT主题的引用</p>
<p>首先复制下面代码：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">git clone https://github.com/next-theme/hexo-theme-next themes/next</span><br></pre></td></tr></table></figure>

<p>然后切换到Hexo站点<strong>根目录</strong></p>
<p><strong>执行代码</strong></p>
<p><img src="https://img-blog.csdnimg.cn/737d54a6558e4323825a794a2a9e65d7.png" alt="image-20220722230055959"></p>
<p>现在就可以在Hexo站点<strong>根目录</strong>下的<strong>themes</strong>看到next主题文件夹啦</p>
<p><img src="https://img-blog.csdnimg.cn/bfc7e59015b84529a0c0f9ef3dac40a0.png" alt="https://img-blog.csdnimg.cn/bfc7e59015b84529a0c0f9ef3dac40a0.png"></p>
<h2 id="引用NexT主题"><a href="#引用NexT主题" class="headerlink" title="引用NexT主题"></a>引用NexT主题</h2><p>安装是安装好了，剩下的就是引用了</p>
<p>在Hexo站点<strong>根目录</strong>下的**_config.yml**文件找到下面代码</p>
<p><img src="https://img-blog.csdnimg.cn/d2759926673743d2a6694a8d5c3df43d.png" alt="https://img-blog.csdnimg.cn/d2759926673743d2a6694a8d5c3df43d.png"></p>
<p><strong>theme</strong>就是引用的主题了，把它修改为你想使用的主题</p>
<p>别忘了推送到gitte上</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">hexo clean - 清除缓存文件</span><br><span class="line">hexo g	   - 生成缓存文件</span><br><span class="line">hexo d	   - 推送到gitte</span><br></pre></td></tr></table></figure>

<p>记住推送了之后要在<strong>gitee page</strong>中进行更新哦</p>
<h1 id="六、参考链接"><a href="#六、参考链接" class="headerlink" title="六、参考链接"></a>六、参考链接</h1><p><a target="_blank" rel="noopener" href="https://gylq.gitee.io/">https://gylq.gitee.io</a></p>
<h2 id="我的博客"><a href="#我的博客" class="headerlink" title="我的博客"></a>我的博客</h2><p>这是<a href="https://xuande-hk.gitee.io/" target="_blank">我的博客</a> 欢迎参观</p>

    </div>

    
    
    

    <footer class="post-footer">
          <div class="reward-container">
  <div>坚持原创技术分享，感谢您的支持和鼓励</div>
  <button>
    赞赏
  </button>
  <div class="post-reward">
      <div>
        <img src="/images/wechatpay.png" alt="玄德 微信">
        <span>微信</span>
      </div>
      <div>
        <img src="/images/alipay.png" alt="玄德 支付宝">
        <span>支付宝</span>
      </div>

  </div>
</div>

          <div class="followme">
  <span>欢迎关注我的其它发布渠道</span>

  <div class="social-list">

      <div class="social-item">
        <a target="_blank" class="social-link" href="/images/wechat_channel.jpg">
          <span class="icon">
            <i class="fab fa-weixin"></i>
          </span>

          <span class="label">WeChat</span>
        </a>
      </div>
  </div>
</div>

          <div class="post-tags">
              <a href="/tags/Hexo/" rel="tag"># Hexo</a>
          </div>

        

          <div class="post-nav">
            <div class="post-nav-item">
            </div>
            <div class="post-nav-item">
                <a href="/posts/2.html" rel="next" title="Hexo博客next主题美化">
                  Hexo博客next主题美化 <i class="fa fa-chevron-right"></i>
                </a>
            </div>
          </div>
    </footer>
  </article>
</div>






</div>
  </main>

  <footer class="footer">
    <div class="footer-inner">


<div class="copyright">
  &copy; 2022 – 
  <span itemprop="copyrightYear">2023</span>
  <span class="with-love">
    <i class="fa fa-heart"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">玄德</span>
</div>
<div class="busuanzi-count">
    <span class="post-meta-item" id="busuanzi_container_site_uv">
      <span class="post-meta-item-icon">
        <i class="fa fa-user"></i>
      </span>
      <span class="site-uv" title="我的第 undefined 位朋友，">
        <span id="busuanzi_value_site_uv"></span>
      </span>
    </span>
    <span class="post-meta-item" id="busuanzi_container_site_pv">
      <span class="post-meta-item-icon">
        <i class="fa fa-eye"></i>
      </span>
      <span class="site-pv" title="历经 undefined 次回眸才与你相遇">
        <span id="busuanzi_value_site_pv"></span>
      </span>
    </span>
</div>

    </div>
  </footer>

  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/next-boot.js"></script>

  
<script src="https://cdnjs.cloudflare.com/ajax/libs/hexo-generator-searchdb/1.4.0/search.js" integrity="sha256-vXZMYLEqsROAXkEw93GGIvaB2ab+QW6w3+1ahD9nXXA=" crossorigin="anonymous"></script>
<script src="/js/third-party/search/local-search.js"></script>




  <script src="/js/third-party/pace.js"></script>

  
  <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>






  <script async src="/js/cursor/love.min.js"></script>


</body>
</html>
